<!DOCTYPE html>

<html class="no-touch">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <style type="text/css"></style>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>申请知乎专栏</title>
   
    <meta name="fragment" content="!">
    <meta name="description" content="知乎专栏">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
   
    <script src="/homeCSS/zhuanlanCSS/ga.js" async=""></script>
    <script>document.documentElement.className += ('ontouchstart' in window) ? ' touch' : ' no-touch'</script>
    <link rel="stylesheet" href="/homeCSS/zhuanlanCSS/573ac0fc.css">
    <meta name="baidu-site-verification" content="U9zXUx8bxm">
    <style charset="utf-8" type="text/css" class="firebugResetStyles">

      .firebugResetStyles {

          z-index: 2147483646 !important;

          top: 0 !important;

          left: 0 !important;

          display: block !important;

          border: 0 none !important;

          margin: 0 !important;

          padding: 0 !important;

          outline: 0 !important;

          min-width: 0 !important;

          max-width: none !important;

          min-height: 0 !important;

          max-height: none !important;

          position: fixed !important;

          transform: rotate(0deg) !important;

          transform-origin: 50% 50% !important;

          border-radius: 0 !important;

          box-shadow: none !important;

          background: transparent none !important;

          pointer-events: none !important;

          white-space: normal !important;

      }

      style.firebugResetStyles {

          display: none !important;

      }

      .firebugBlockBackgroundColor {

          background-color: transparent !important;

      }

      .firebugResetStyles:before, .firebugResetStyles:after {

          content: "" !important;

      }

      /**actual styling to be modified by firebug theme**/

      .firebugCanvas {

          display: none !important;

      }

      /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

      .firebugLayoutBox {

          width: auto !important;

          position: static !important;

      }

      .firebugLayoutBoxOffset {

          opacity: 0.8 !important;

          position: fixed !important;

      }

      .firebugLayoutLine {

          opacity: 0.4 !important;

          background-color: #000000 !important;

      }

      .firebugLayoutLineLeft, .firebugLayoutLineRight {

          width: 1px !important;

          height: 100% !important;

      }

      .firebugLayoutLineTop, .firebugLayoutLineBottom {

          width: 100% !important;

          height: 1px !important;

      }

      .firebugLayoutLineTop {

          margin-top: -1px !important;

          border-top: 1px solid #999999 !important;

      }

      .firebugLayoutLineRight {

          border-right: 1px solid #999999 !important;

      }

      .firebugLayoutLineBottom {

          border-bottom: 1px solid #999999 !important;

      }

      .firebugLayoutLineLeft {

          margin-left: -1px !important;

          border-left: 1px solid #999999 !important;

      }

      /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

      .firebugLayoutBoxParent {

          border-top: 0 none !important;

          border-right: 1px dashed #E00 !important;

          border-bottom: 1px dashed #E00 !important;

          border-left: 0 none !important;

          position: fixed !important;

          width: auto !important;

      }

      .firebugRuler{

          position: absolute !important;

      }

      .firebugRulerH {

          top: -15px !important;

          left: 0 !important;

          width: 100% !important;

          height: 14px !important;

          background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%13%88%00%00%00%0E%08%02%00%00%00L%25a%0A%00%00%00%04gAMA%00%00%D6%D8%D4OX2%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04%F8IDATx%DA%EC%DD%D1n%E2%3A%00E%D1%80%F8%FF%EF%E2%AF2%95%D0D4%0E%C1%14%B0%8Fa-%E9%3E%CC%9C%87n%B9%81%A6W0%1C%A6i%9A%E7y%0As8%1CT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AATE9%FE%FCw%3E%9F%AF%2B%2F%BA%97%FDT%1D~K(%5C%9D%D5%EA%1B%5C%86%B5%A9%BDU%B5y%80%ED%AB*%03%FAV9%AB%E1%CEj%E7%82%EF%FB%18%BC%AEJ8%AB%FA'%D2%BEU9%D7U%ECc0%E1%A2r%5DynwVi%CFW%7F%BB%17%7Dy%EACU%CD%0E%F0%FA%3BX%FEbV%FEM%9B%2B%AD%BE%AA%E5%95v%AB%AA%E3E5%DCu%15rV9%07%B5%7F%B5w%FCm%BA%BE%AA%FBY%3D%14%F0%EE%C7%60%0EU%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5JU%88%D3%F5%1F%AE%DF%3B%1B%F2%3E%DAUCNa%F92%D02%AC%7Dm%F9%3A%D4%F2%8B6%AE*%BF%5C%C2Ym~9g5%D0Y%95%17%7C%C8c%B0%7C%18%26%9CU%CD%13i%F7%AA%90%B3Z%7D%95%B4%C7%60%E6E%B5%BC%05%B4%FBY%95U%9E%DB%FD%1C%FC%E0%9F%83%7F%BE%17%7DkjMU%E3%03%AC%7CWj%DF%83%9An%BCG%AE%F1%95%96yQ%0Dq%5Dy%00%3Et%B5'%FC6%5DS%95pV%95%01%81%FF'%07%00%00%00%00%00%00%00%00%00%F8x%C7%F0%BE%9COp%5D%C9%7C%AD%E7%E6%EBV%FB%1E%E0(%07%E5%AC%C6%3A%ABi%9C%8F%C6%0E9%AB%C0'%D2%8E%9F%F99%D0E%B5%99%14%F5%0D%CD%7F%24%C6%DEH%B8%E9rV%DFs%DB%D0%F7%00k%FE%1D%84%84%83J%B8%E3%BA%FB%EF%20%84%1C%D7%AD%B0%8E%D7U%C8Y%05%1E%D4t%EF%AD%95Q%BF8w%BF%E9%0A%BF%EB%03%00%00%00%00%00%00%00%00%00%B8vJ%8E%BB%F5%B1u%8Cx%80%E1o%5E%CA9%AB%CB%CB%8E%03%DF%1D%B7T%25%9C%D5(%EFJM8%AB%CC'%D2%B2*%A4s%E7c6%FB%3E%FA%A2%1E%80~%0E%3E%DA%10x%5D%95Uig%15u%15%ED%7C%14%B6%87%A1%3B%FCo8%A8%D8o%D3%ADO%01%EDx%83%1A~%1B%9FpP%A3%DC%C6'%9C%95gK%00%00%00%00%00%00%00%00%00%20%D9%C9%11%D0%C0%40%AF%3F%EE%EE%92%94%D6%16X%B5%BCMH%15%2F%BF%D4%A7%C87%F1%8E%F2%81%AE%AAvzr%DA2%ABV%17%7C%E63%83%E7I%DC%C6%0Bs%1B%EF6%1E%00%00%00%00%00%00%00%00%00%80cr%9CW%FF%7F%C6%01%0E%F1%CE%A5%84%B3%CA%BC%E0%CB%AA%84%CE%F9%BF)%EC%13%08WU%AE%AB%B1%AE%2BO%EC%8E%CBYe%FE%8CN%ABr%5Dy%60~%CFA%0D%F4%AE%D4%BE%C75%CA%EDVB%EA(%B7%F1%09g%E5%D9%12%00%00%00%00%00%00%00%00%00H%F6%EB%13S%E7y%5E%5E%FB%98%F0%22%D1%B2'%A7%F0%92%B1%BC%24z3%AC%7Dm%60%D5%92%B4%7CEUO%5E%F0%AA*%3BU%B9%AE%3E%A0j%94%07%A0%C7%A0%AB%FD%B5%3F%A0%F7%03T%3Dy%D7%F7%D6%D4%C0%AAU%D2%E6%DFt%3F%A8%CC%AA%F2%86%B9%D7%F5%1F%18%E6%01%F8%CC%D5%9E%F0%F3z%88%AA%90%EF%20%00%00%00%00%00%00%00%00%00%C0%A6%D3%EA%CFi%AFb%2C%7BB%0A%2B%C3%1A%D7%06V%D5%07%A8r%5D%3D%D9%A6%CAu%F5%25%CF%A2%99%97zNX%60%95%AB%5DUZ%D5%FBR%03%AB%1C%D4k%9F%3F%BB%5C%FF%81a%AE%AB'%7F%F3%EA%FE%F3z%94%AA%D8%DF%5B%01%00%00%00%00%00%00%00%00%00%8E%FB%F3%F2%B1%1B%8DWU%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*UiU%C7%BBe%E7%F3%B9%CB%AAJ%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5*%AAj%FD%C6%D4%5Eo%90%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5%86%AF%1B%9F%98%DA%EBm%BBV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%AD%D6%E4%F58%01%00%00%00%00%00%00%00%00%00%00%00%00%00%40%85%7F%02%0C%008%C2%D0H%16j%8FX%00%00%00%00IEND%AEB%60%82") repeat-x !important;

          border-top: 1px solid #BBBBBB !important;

          border-right: 1px dashed #BBBBBB !important;

          border-bottom: 1px solid #000000 !important;

      }

      .firebugRulerV {

          top: 0 !important;

          left: -15px !important;

          width: 14px !important;

          height: 100% !important;

          background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%0E%00%00%13%88%08%02%00%00%00%0E%F5%CB%10%00%00%00%04gAMA%00%00%D6%D8%D4OX2%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%06~IDATx%DA%EC%DD%D1v%A20%14%40Qt%F1%FF%FF%E4%97%D9%07%3BT%19%92%DC%40(%90%EEy%9A5%CB%B6%E8%F6%9Ac%A4%CC0%84%FF%DC%9E%CF%E7%E3%F1%88%DE4%F8%5D%C7%9F%2F%BA%DD%5E%7FI%7D%F18%DDn%BA%C5%FB%DF%97%BFk%F2%10%FF%FD%B4%F2M%A7%FB%FD%FD%B3%22%07p%8F%3F%AE%E3%F4S%8A%8F%40%EEq%9D%BE8D%F0%0EY%A1Uq%B7%EA%1F%81%88V%E8X%3F%B4%CEy%B7h%D1%A2E%EBohU%FC%D9%AF2fO%8BBeD%BE%F7X%0C%97%A4%D6b7%2Ck%A5%12%E3%9B%60v%B7r%C7%1AI%8C%BD%2B%23r%00c0%B2v%9B%AD%CA%26%0C%1Ek%05A%FD%93%D0%2B%A1u%8B%16-%95q%5Ce%DCSO%8E%E4M%23%8B%F7%C2%FE%40%BB%BD%8C%FC%8A%B5V%EBu%40%F9%3B%A72%FA%AE%8C%D4%01%CC%B5%DA%13%9CB%AB%E2I%18%24%B0n%A9%0CZ*Ce%9C%A22%8E%D8NJ%1E%EB%FF%8F%AE%CAP%19*%C3%BAEKe%AC%D1%AAX%8C*%DEH%8F%C5W%A1e%AD%D4%B7%5C%5B%19%C5%DB%0D%EF%9F%19%1D%7B%5E%86%BD%0C%95%A12%AC%5B*%83%96%CAP%19%F62T%86%CAP%19*%83%96%CA%B8Xe%BC%FE)T%19%A1%17xg%7F%DA%CBP%19*%C3%BA%A52T%86%CAP%19%F62T%86%CA%B0n%A9%0CZ%1DV%C6%3D%F3%FCH%DE%B4%B8~%7F%5CZc%F1%D6%1F%AF%84%F9%0F6%E6%EBVt9%0E~%BEr%AF%23%B0%97%A12T%86%CAP%19%B4T%86%CA%B8Re%D8%CBP%19*%C3%BA%A52huX%19%AE%CA%E5%BC%0C%7B%19*CeX%B7h%A9%0C%95%E1%BC%0C%7B%19*CeX%B7T%06%AD%CB%5E%95%2B%BF.%8F%C5%97%D5%E4%7B%EE%82%D6%FB%CF-%9C%FD%B9%CF%3By%7B%19%F62T%86%CA%B0n%D1R%19*%A3%D3%CA%B0%97%A12T%86uKe%D0%EA%B02*%3F1%99%5DB%2B%A4%B5%F8%3A%7C%BA%2B%8Co%7D%5C%EDe%A8%0C%95a%DDR%19%B4T%C66%82fA%B2%ED%DA%9FC%FC%17GZ%06%C9%E1%B3%E5%2C%1A%9FoiB%EB%96%CA%A0%D5qe4%7B%7D%FD%85%F7%5B%ED_%E0s%07%F0k%951%ECr%0D%B5C%D7-g%D1%A8%0C%EB%96%CA%A0%A52T%C6)*%C3%5E%86%CAP%19%D6-%95A%EB*%95q%F8%BB%E3%F9%AB%F6%E21%ACZ%B7%22%B7%9B%3F%02%85%CB%A2%5B%B7%BA%5E%B7%9C%97%E1%BC%0C%EB%16-%95%A12z%AC%0C%BFc%A22T%86uKe%D0%EA%B02V%DD%AD%8A%2B%8CWhe%5E%AF%CF%F5%3B%26%CE%CBh%5C%19%CE%CB%B0%F3%A4%095%A1%CAP%19*Ce%A8%0C%3BO*Ce%A8%0C%95%A12%3A%AD%8C%0A%82%7B%F0v%1F%2FD%A9%5B%9F%EE%EA%26%AF%03%CA%DF9%7B%19*Ce%A8%0C%95%A12T%86%CA%B8Ze%D8%CBP%19*Ce%A8%0C%95%D1ae%EC%F7%89I%E1%B4%D7M%D7P%8BjU%5C%BB%3E%F2%20%D8%CBP%19*Ce%A8%0C%95%A12T%C6%D5*%C3%5E%86%CAP%19*Ce%B4O%07%7B%F0W%7Bw%1C%7C%1A%8C%B3%3B%D1%EE%AA%5C%D6-%EBV%83%80%5E%D0%CA%10%5CU%2BD%E07YU%86%CAP%19*%E3%9A%95%91%D9%A0%C8%AD%5B%EDv%9E%82%FFKOee%E4%8FUe%A8%0C%95%A12T%C6%1F%A9%8C%C8%3D%5B%A5%15%FD%14%22r%E7B%9F%17l%F8%BF%ED%EAf%2B%7F%CF%ECe%D8%CBP%19*Ce%A8%0C%95%E1%93~%7B%19%F62T%86%CAP%19*Ce%A8%0C%E7%13%DA%CBP%19*Ce%A8%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4h%A9%0C%B3E%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4h%A9%0C%B3E%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4%AE%A4%F5%25%C0%00%DE%BF%5C'%0F%DA%B8q%00%00%00%00IEND%AEB%60%82") repeat-y !important;

          border-left: 1px solid #BBBBBB !important;

          border-right: 1px solid #000000 !important;

          border-bottom: 1px dashed #BBBBBB !important;

      }

      .overflowRulerX > .firebugRulerV {

          left: 0 !important;

      }

      .overflowRulerY > .firebugRulerH {

          top: 0 !important;

      }

      /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

      .fbProxyElement {

          position: fixed !important;

          pointer-events: auto !important;

      }

      #zlht{
        background:#fff;margin-left:-95px;margin-bottom: 10px;
        display:none;
        padding: 10px 10px 10px 20px;
        font-size:15px;
        border:1px solid rgb(178,178,178); 

        -moz-box-shadow:0px 0px 10px #BFBFBF;  

        -webkit-box-shadow:0px 0px 10px #BFBFBF; 
      
        box-shadow:0px 0px 5px #BFBFBF;
      }

  </style>
</head>
<body class="page-column-request">
  <div id="header-holder">
    <div class="ng-scope">
      <header id="header" class="navbar"  ui-scroll-back-fixed="" fixed="scrollBackFixedNavbar" style="display: block;">
        <div class="navbar-logo-container">
          <a target="_blank" class="logo icon-ic_zhihu_logo" aria-label="知乎首页"></a>
        </div>
        <div class="navbar-write-container">
          <a href="/home/write/index">
            <i class="icon-ic_nav_new"></i>写文章
          </a>
        </div>
      </header>
    </div>
  </div>
  <main class="main-container">
    <div class="top"></div>
    <div class="main receptacle">
      <div class="ng-scope">
        <h2>申请创建专栏</h2>
        <article class="description">
          <p>
            专栏旨在为特定主题下有持续创作及合作写作需求的用户提供写作工具，创建专栏需要进行申请，通过审核后即可使用。
          </p>

          <h5>申请人需满足以下要求：</h5>
          <ul>
            <li>专栏须由本人申请，不可代为申请；</li>
            <li>申请帐号的用户信息需符合《知乎用户信息管理规范》；</li>
            <li>90 天内在知乎站内无《知乎社区管理规定》中规定的违规行为。</li>
          </ul>
          <h5>申请专栏的内容方向：</h5>
          <p class="nm">专栏需要有明确的写作方向，我们更欢迎专业方向的分享，部分方向暂时不接受申请。</p>
          <p class="nm">专栏绑定的话题即代表专栏的写作方向，请不要绑定过于宽泛的话题。</p>
          <ul>
            <li>接受申请的方向：包括但不限于经济学、金融、互联网、科技、科学、心理学、饮食、旅游、家居、汽车等专业方向的内容；</li>
            <li>不接受申请的方向： 
    包括但不限于涉及情感、两性、娱乐八卦、随笔、个人成长记录或成长心得、泛时政类（包括「军事」、「政治」、「热点事件」等话题）、与主流科学观点相悖
    （如养生、风水、星座、易经、八卦、命理、起名等内容）、可能影响他人利益（如寻医问药建议、心理咨询建议、P2P 
    金融、投资行情分析及投资操作建议等）或绑定过于宽泛的话题（如「生活」、「趣味」、「脑洞」等）。</li>
          </ul>
          <h5>申请专栏的相关背景：</h5>
          <ul>
            <li>专栏申请人需具备<b>与写作方向相关</b>的专业背景并在申请中注明；</li>
            <li>相关背景描述可以是相关教育经历（就读院校、专业）、从业经历（就职单位、岗位）、取得的成就及荣誉，或者有相关的作品等等；</li>
            <li>详细的背景资料说明将有助于通过专栏申请的审核；</li>
            <li>注：除法律或有法律赋予权限的政府部门要求或事先得到用户明确授权等原因外，知乎保证不对外公开或向第三方透露用户申请专栏时提供的背景资料。
            </li>
          </ul>
          <p>工作人员将在三个工作日内对专栏申请进行反馈。</p>
        </article>
  <form action="/home/zhuanlan/column" method="get">
    <div class="column-form">
      <div class="setting-sec item-form-label-top column-name">
        <div class="form-title"><label for="Name">专栏名字</label></div>
        <div class="form-content" ui-form-linkage="">
          <input required="" class="mui-input" name="cname" id="cname" placeholder="填写你的专栏名字" word-max="20" max-width="330" style="width: 330px;" type="text">
   
          <div class="ti ps" style="width: 330px;">
            <div class="left" style="color:red;display:none;float:right;">专栏名已存在</div>
            <div class="right" style="color:red;display:none;float:right;">专栏名不能为空</div>
          </div>
        </div>
      </div>

      <div class="setting-sec item-form-label-top column-topic">
        <div class="form-title block-title-wider block-title-no-underline block-title" data-help="专栏话题即你计划的写作方向，申请通过后，专栏话题将不可修改。不同的写作方向可以分别申请多个专栏。">
          <span >
            <label for="Topics" class="ng-scope">专栏话题</label>
          </span>
          <span class="menu-button ng-scope zlht"><i class="icon-ic_help"></i></span>
          <menu class="menu ng-scope" id="zlht">
            <div class="item ng-binding">专栏话题即你计划的写作方向，申请通过后，专栏话题将不可修改。不同的写作方向可以分别申请多个专栏。</div>
          </menu>
        </div>
        <div class="form-content">
          <div class="tag-suggestion-container" ui-tag-input="" holdertext="搜索话题" max-tags="3" suggest-options="suggestOptions">
            <ul class="tags"></ul>
            <div class="input-container mui-container-search" style="display:block">
              <input id="sousuo" name="topic" value="" ui-suggest=""  suggest-options="suggestOptions" class="mui-input" placeholder="搜索话题" aria-haspopup="true" autocomplete="off">
              <div class="htts" style="color:red;display:none;float:right;">话题不能为空,请搜索话题</div>
              <div style="opacity: 1; -moz-user-select: none; display: none;" class="ui-suggest" role="listbox" id=":0"></div>
            </div>
          </div>
        </div>

        <div class="setting-sec item-form-label-top column-background">
          <div class="form-title"><label for="Background">专业背景</label></div>
            <div class="form-content" ui-form-linkage="" disable-auto-expand="">
              <textarea required="" name="content" ui-textarea-autogrow="" class="mui-input" placeholder="填写你的相关专业背景" word-max="250" style="height: 43px;"></textarea>
            <div class="tips">
            </div>
          </div>
        </div>

        <div class="submit-buttons">
          <a class="back" href="/home/zhuanlan/index">返回专栏·发现</a>
          <button class="btn btn-blue" disabled >提交</button>
        </div>
      </div>
    </form>
  </div>
<script async="" src="/homeCSS/zhuanlanCSS/zap.js"></script>
<script type="text/javascript" src="/homeCSS/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
  //定义空专栏名变量
  var cname = '';
  //绑定键盘抬起事件
  $('#cname').keyup(function(){
    //获取专栏名
    cname = $(this).val();
    //判断专栏名是否为空
    if(!cname){
      $('.right').show();
    }else{
     $('.right').hide(); 
    //发送ajax查询专栏名是否存在
    $.get('/home/zhuanlan/zlcx',{cname:cname},function(data){
      //判读返回结果
      if(data==1){
        $('.left').show();
        $('.btn-blue').attr('disabled','disabled');
      }else if(data==2){
        $('.left').hide();
        $('.btn-blue').removeAttr('disabled');
      }
    });
    }
  })

  //绑定鼠标移入事件
  $('.icon-ic_help').mouseover(function(){
    $('#zlht').show();
  })
  //绑定鼠标移出事件
  $('.icon-ic_help').mouseout(function(){
    $('#zlht').hide();
  })

  //绑定按键抬起事件 
  $("#sousuo").keyup(function(){
    //获取话题
    var topic = $(this).val();  
    //判断是否查询到数据
    if(topic){
      //发送ajax
      $.get('/home/zhuanlan/sousuo',{topic:topic},function(data){
          //循环遍历
          for (var i = 0; i <  data.length; i++){
            //创建新的div
            var newDiv = createDiv();
            //给新建div里的span标签赋值话题
            newDiv.find('span').html(data[i].title);
            //给新建div里的span标签赋值id
            newDiv.find('span').attr('sid',data[i].id);
            //将新建div插入到元素内部
            $(".ui-suggest").append(newDiv);
            //改变元素的样式
            $(".ui-suggest").css('display','block'); 
          };

      });
    }  
  });

  //绑定键盘按下事件
  $("#sousuo").keydown(function(){
    //通过class找到子div并移除
      $(".ui-suggest").find('.row').remove(); 
  })

  //获取span的父级并绑定单击事件,
    $('.row').live('click',function(){
    //获取所有子级
    var a = $(this).children('span');
    //获取id
    var id = a.attr('sid');
    //获取话题
    var title = a.html();
    //移除被单击的div
    $('.input-container').css('display','none');
    // $(this).remove();
    //创建li标签
    var newLi = createLi();
    //通过.tag-link赋值title
    newLi.find('.tag-link').html(title);
    // //给隐藏域赋值id
    newLi.find('.aaa').val(id);
    //将创建好的li插入到指定元素的内部
    $('.tags').append(newLi);
    //给li标签中的i标签绑定单击事件
    $('.icon-ic_close').live('click',function(){
    //移除li
    $(this).parents('li').remove();
    //显示搜索框
    $('.input-container').css('display','block');
    })
  })

  //封装函数 创建span
  function createDiv()
  {
    //创建span,并绑定单击事件
    var divs = $('<div class="row " style="-moz-user-select: none;"><span sid="" class="name" style="-moz-user-select: none;"></span></div>');
                   
    //返回创建的span
    return divs;
  } 

  //封装函数创建li
  function createLi()
  {
    //创建li
    var lis = $('<li ng-repeat="tag in tags" class="ng-scope"><span class="inner-wrapper"><p sid="" class="tag-link ng-binding" href="javascript:;" target="_blank"></p><a class="remove-tag" href="javascript:;" ng-click="removeTag(tag)" title="移除"><i class="icon-ic_close"></i></a></span><input type="hidden" name="tid" class="aaa" value=""></li>');
    //返回创建的li
    return lis;
  }

  $('.btn-blue').click(function(){
    if($('.tags').find('li').length == 0 || !cname){
      $('.htts').show();
      return false;
    }
  })

</script>
</body>
</html>
